草庐IT

2D 地图绘制

全部标签

javascript - 向谷歌地图添加多个标记

我希望为Googlemapv3API中列出的每个企业添加标记onthispage在右上角。我不确定如何为多个邮政编码执行此操作,但我们目前在individualbusinesspages上使用的那个对存储在数据库中的动态邮政编码使用URLencode。这是我们用于各个页面的代码:varmap;functioninitialize(){varmapOptions={zoom:15,center:newgoogle.maps.LatLng(51.511214,-0.119824),mapTypeId:google.maps.MapTypeId.ROADMAP};vargeolocate=f

javascript - 如何获取我的谷歌地图窗口的边界框坐标

我正在从事一个包含googlemapsapiv3和PostGres的项目。我想做的是将我的map窗口的边界框坐标(左下角和右上角)传递给POSTGRES,并获取生成的map窗口在特定缩放级别上的POI位置。我怎样才能做到这一点……?有任何想法吗?在apiv3中是否已经有一个直接的函数?我在SO上找到了这个,但这似乎对我不起作用Findingthelat-longofthecornersinaGoogleMapswindow 最佳答案 question正在使用GoogleMapsAPIv2,使用等效的GoogleMapsAPIv3go

javascript - 使用 Google map api V3 ASP.net 绘制多条不同颜色的多段线

我可以在谷歌地图中绘制多条折线并设置它们的样式,但我想用不同的颜色为每条折线着色。目前,我有这段代码:varDrivePath=[newgoogle.maps.LatLng(37.772323,-122.214897),newgoogle.maps.LatLng(21.291982,-157.821856),newgoogle.maps.LatLng(-18.142599,178.431),newgoogle.maps.LatLng(-27.46758,153.027892),newgoogle.maps.LatLng(12.97918167,77.6449),newgoogle.ma

javascript - 谷歌地图 API 函数 map.getCenter()

当用户调整他的map时,我将GoogleMapAPI设置的缩放和位置保存在cookie中。当他们回来时,map还在​​同一个地方。该功能大部分时间都有效:varh=JSON.stringify(map.getCenter(),null,2);jQuery.cookies.set("YD44635center",h,cookieOptions);在解码端使用:locationVar=jQuery.cookies.get("YD44635center");vartemp="";//fortesting:for(varxinlocationVar){temp+=x+"\n";}alert(t

javascript - 由于内容安全政策,谷歌地图 api 脚本确实加载

我正在制作一个谷歌浏览器扩展程序,我想在其中使用谷歌地图。问题是当我运行我的脚本时,它给了我这个错误Refusedtoloadscriptfrom'https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXX&sensor=false'becauseofContent-Security-Policy.这是我的list文件{"name":"Name","version":"1.0","manifest_version":2,"background":{"scripts":["js/script.js"]},"descriptio

javascript - 在 JavaScript 谷歌地图的中心显示十字准线

我想显示一个固定在谷歌地图中心的十字线/标线,就像Wikimapia.org一样。做。不幸的是,他们使用的是API的v2而我使用的是v3。当用户四处平移map时,十字准线应保持固定在中心。ControlPosition没有CENTER选项枚举,所以我想任何解决方案都会有点老套。我试图将它作为div覆盖在map之外,但我没能让它显示在map顶部——它似乎在z顺序摊牌中被打败了。 最佳答案 给定的解决方案对我不起作用,因为覆盖的div在map中创建了一个死点。对于我的项目,使用GoogleMapsJavaScriptAPIV3的一个更好

javascript - 使用 nvd3 仅绘制分组的多条字符

我使用nvd3库绘制了一个multibarChart,它工作得很好,但它给了我两个单选按钮来选择我想要堆叠条形图还是分组条形图。我可以禁用它并让它只显示分组的条形图吗?这是javascript代码:nv.addGraph(function(){varchart=nv.models.multiBarChart();chart.xAxis.tickFormat(d3.format(',f'));chart.yAxis.tickFormat(d3.format(',.1f'));varx=data();d3.select('#chartsvg').datum(data()).transiti

javascript - 如何在同一张 map 上使用带有多个标记的谷歌地图 API

因此,我有以下脚本来使用googlemapsAPI,一切正常,但我需要创建一个具有多个标记(指向某物的气球形图标)的map,并且我需要这些标记中的每一个要指向map的不同区域(即不同的坐标),我该怎么做?functionload(){varmap=newGMap2(document.getElementById("map"));varmarker=newGMarker(newGLatLng());varhtml=""+""+"";map.setCenter(newGLatLng(),)map.setMapType(G_HYBRID_MAP);map.addOverlay(marker)

javascript - 为什么说 WebGL 是 2D API,而不是 3D API?

AccordingtoHTML5Rocks,WebGL其实是2DAPI,不是3DAPI。他们为什么这么说,这是什么意思?我们可以在WebGL顶点着色器和片段着色器中指定X、Y、Z坐标。我无法理解2D和3D图形API之间的区别。您能解释一下为什么他们说这是2DAPI吗? 最佳答案 WebGLisactuallya2DAPI,nota3DAPI.Whatdoesitmean?这意味着你应该停止听任何网站或人告诉你的。当人们说这种愚蠢的话时,最好忽略他们并继续进行更合理的教程/信息/讨论。您当然可以在纯2D方面使用WebGL。您可以将2D

javascript - 谷歌地图 infoWindow 只加载标记上的最后一条记录

我正在尝试加载带有动态标记和动态信息窗口的谷歌地图。基本上我已经让标记工作了。信息窗口是可点击和关闭的,但是它们没有正确的内容。似乎每个信息窗口的内容都是在查询循环中找到的最后一条记录。你会看到发生了什么here这是代码://LoadtheGoogleMapwithOptions//functioninitialize(){varmyLatlng=newgoogle.maps.LatLng(42.48019996901214,-90.670166015625);varmyOptions={zoom:6,center:myLatlng,mapTypeId:google.maps.MapT